<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>辅导答疑平台-首页</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="/css/bootstrap3.css">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/common.css">
    <script src="/js/jquery.min.js"></script>
    <script src="/js/popper.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous">
    </script>
    <script src="/js/tinymce/tinymce.min.js"></script>
    <script>
        tinymce.init({
            selector: '#mytextarea',
            language: 'zh_CN',
            height: 300
        });
    </script>
    <style>
        .question-rank {
            width: 18px;
            padding-right: 3px;
        }
    </style>
</head>

<body style="background-color: #efefef;">
<div th:insert="template::header"></div>
<div class="container-fluid bg-secondary">
    <div class="row">
        <div class="col-sm-12">
            <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12" style="background-color: white;">
                <h3>
                    <i class="fa fa-plus"></i>
                    <span>提问</span>
                    <hr>
                </h3>
                <form action="/ask" method="post" id="question">
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon" id="sizing-addon1">主题</span>
                        <input type="text" class="form-control" name="title" id="title" placeholder="请输入问题简介"
                               aria-describedby="sizing-addon1">
                    </div>
                    <div class="input-group input-group-lg">
                        <select class="form-control" name="subject" placeholder="请选择问题分类">
                            <option value="1">语文</option>
                            <option value="2">数学</option>
                            <option value="3">英语</option>
                            <option value="4">编程</option>
                        </select>
                        <!-- <select>

                        </select> -->
                    </div>
                    <textarea id="mytextarea" name="content" placeholder="请输入问题内容"></textarea>
                    <span class="alert alert-danger" style="margin-top: 5px; display:none" id="warn" role="alert">
                        </span>
                    <input type="text" th:value="${session.user.studentId}" name="author" style="display: none;">
                    <input type="submit" class="btn btn-default pull-right" value="提交" id="submit"
                           style="margin-top: 5px;">
                </form>
            </div>
            <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12 bg-info">
                <h3>
                    <i class="fa fa-exclamation"></i>
                    <span>注意事项</span>
                </h3>
                <ul class="list-group">
                    <li class="list-group-item"><img class="question-rank" src="/img/icon-1.png">帖子的内容要可看性，请勿发布无关信息
                    </li>
                    <li class="list-group-item"><img class="question-rank" src="/img/icon-2.png">标题字数少于15字
                    </li>
                    <li class="list-group-item"><img class="question-rank" src="/img/icon-3.png">帖子的字数要控制好</li>
                    <li class="list-group-item"><img class="question-rank" src="/img/icon-4.png">标题要言简意赅
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div th:insert="template::footer"></div>
<script>
    // $("#submit").click(function () {
    //     if ($("#title").val() === undefined || $("#title").val() === '') {
    //         $("#warn").css("display", "inline")
    //         $("#warn").text("请输入标题")
    //     } else {
    //         $("#question").submit()
    //     }
    //
    // })
</script>
</body>

</html>